<template>
  <fragment>
    <!-- 信息卡样式 2-->
    <div class="sea-flower-item">
      <el-card shadow="never">
        <sea-table-title slot="header" title="信息卡"></sea-table-title>

        <div class="info-box bg-yellow">
          <span class="info-box-icon"><i class="fa fa-google-plus"></i></span>

          <div class="info-box-content">
            <span class="info-box-text">Inventory</span>
            <span class="info-box-number">5,200</span>

            <div class="progress">
              <div class="progress-bar" style="width: 50%"></div>
            </div>
            <span class="progress-description"> 50% Increase in 30 Days </span>
          </div>
        </div>
      </el-card>
    </div>
    <div class="sea-flower-item">
      <el-card shadow="never">
        <sea-table-title slot="header" title="信息卡"></sea-table-title>

        <div class="info-box bg-primary">
          <span class="info-box-icon"><i class="fa fa-google-plus"></i></span>

          <div class="info-box-content">
            <span class="info-box-text">Inventory</span>
            <span class="info-box-number">5,200</span>

            <div class="progress">
              <div class="progress-bar" style="width: 50%"></div>
            </div>
            <span class="progress-description"> 50% Increase in 30 Days </span>
          </div>
        </div>
      </el-card>
    </div>
  </fragment>
</template>

<script>
export default {
    name: "InfoBox2"
}
</script>

<style scoped>

</style>